<!doctype html>
<html>
<head>
<title> Registration </title>
<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'> 
<link rel="stylesheet" href="style.css">
<script src="js/jquery-3.4.1.min.js"></script>
<script src="https://www.recaptcha.net/recaptcha/api/js/recaptcha_ajax.js"></script>
<script src="register_config.js"></script>
<script src="js/register.js"></script>
</head>
<body onload="matrixRegistration.onLoad()">
<form id="registrationForm" onsubmit="matrixRegistration.signUp(); return false;">
    <div>
        Create account:<br/>
        
        <div style="text-align: center">
            <input id="desired_user_id" size="32" type="text" placeholder="Matrix ID (e.g. bob)" autocapitalize="off" autocorrect="off" />
            <br/>
            <input id="pwd1" size="32" type="password" placeholder="Type a password"/>
            <br/>
            <input id="pwd2" size="32" type="password" placeholder="Confirm your password"/>
            <br/>
            <span id="feedback" style="color: #f00"></span>
            <br/>
            <div id="regcaptcha"></div>

            <button type="submit" style="margin: 10px">Sign up</button>
        </div>
    </div>
</form>
</body>
</html>
